<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv=”Page-Enter” content=”revealTrans(Duration=100.0,Transition=4)” />
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../css/aui-win.css" />
    <link rel="stylesheet" type="text/css" href="../css/firstmain.css" />
    <style>
		div{
			overflow:hidden;
		}
        @media screen and (max-height:650px) {
            #h1010{
                height: 65px;
            }
        }
        .ul_li{
        	width:100%;
        	height:50%;
        }
		.ul_li li{
			width:50%;
			float:left;
			
		}
        .ul_li li p{
        	float:left;
        	width:99%;
        	height:100%;
        	text-align:center;
        	font-size:16px;
        	color:#ffffff;
            position: relative;
        }
        
        .div_img_sj_main{
       		text-align:center;
        	width:100%;
        	border:none;	
        	height:100%;
            position: relative;
        }
        .div_img_sj_main img{
       		 margin-top:15%;
        	vertical-align:middle;
        	width:30%;
        }
        .div_img_sj_main p{
          	margin-top:10%;
        	color:white;
        	font-size:18px;
        }
        
 		 .div_img_sj{
       	 	background:#00abfd;
       	 	width:99%;
        	border:2px solid white;
            position: relative;
        }
        .div_img{
       	 	background:#24c39e;
       	 	width:99%;
        	border:2px solid white;
            position: relative;
        }
        .busiOppRight{
        	background:white;
        }

.dyncyuandian,.infoyuandian,.frendyuandian,.busessyuandian{
	width:10px;
	height:10px;
	border-radius:7px;
	background:red;
	position:relative;
	top:20px;
	left:50px;
	display:none;
}

    </style>
</head>
<body>
<div id="loadIng_startStop" style="width: 100%;height: 100%;position: absolute;z-index: 1000;display: none;">
   <div class="div_loding_img">
		数据加载中
	</div>
</div>
<div id="wrap">
<header class="aui-bar aui-bar-nav aui-bar-yunzo titlebar">
        <a class="aui-btn aui-bar-yunzo aui-pull-left" > </span></a>
        <div class="aui-title" id="partName">数据加载中</div>
</header>
<!--<header class="aui-bar aui-bar-nav aui-bar-yunzo titlebar">
    <table style="height: 100%;width: 100%;text-align: center;"><tr><td class="aui-title" id="partName">云筑科技</td></tr></table>
</header>-->
<div class="margin_div"></div>
<div class="h5"></div>
<div id="slider" class="swipe" style="visibility:visible;">
    <div class="swipe-wrap">
    </div>
    <nav>
        <ul id="position">
        </ul>
    </nav>
</div>
<div class="">
    <div id="life">
        <ul style="display:inline-block;width:100%;background:white;">
    	   <li class="checkin navlist" style="display:inline-block;float:left;width:18%;">
    	   		<div class="dyncyuandian"></div>
    		   <a id="dync" >动态</a>
    		   
    	    </li>
    	    <li class="shop navlist" style="display:inline-block;float:left;width:18%;">
    	   	 <div class="infoyuandian"></div>
    	       <a id="inform">通知</a>
    	       
    	    </li>
    	    <li class="tel groupLogo" style="display:inline-block;float:left;width:28%;">
    	       <a id="groupinfo"><img id="grouplogo" src =""></a>
    	       </li>
    	    <li class="express navlist" style="display:inline-block;float:left;width:18%;">
    		  <a id="eadd_list" >通讯录</a>
    	    </li>
    	    <li class="move navlist" style="display:inline-block;float:left;width:18%;">
    	     <div class="frendyuandian"></div>
    		   <a id="commonadd_list"  >好友</a>
    		  
    	    </li>
        </ul>
    </div>
      <div class="h10"></div>
    <div class="busiOpp">
        <div class="busiOppSj" onclick="openNewFrame('first_frame/busess_list')">
        <div class="busessyuandian"></div>
       	 <div class="div_img_sj_main"><p>商机</p><img src="../image/home/main_sj.png"></div>
        </div>
        
        <div class="busiOppRight"  onclick="openNewFrame('first_frame/busess_list')">
            <ul class="ul_li">
            	<li onclick="openNewFrame('first_frame/busess_list')" >
            		<div class="div_img_sj">
            		<p>工业</p>
            		</div>
            	</li>
            	<li onclick="openNewFrame('first_frame/busess_list')">
            		<div class="div_img_sj">
            		<p>农业</p>
            		</div>
            		
            	</li>
            </ul>
            <ul class="ul_li">
            	<li onclick="openNewFrame('first_frame/busess_list')">
            		<div class="div_img_sj">
            		<p>学业 </p>
            		</div>
            	</li>
            	<li onclick="openNewFrame('first_frame/busess_list')">
            		<div class="div_img_sj">
            		<p>商业</p>
            		</div>
            	</li> 
            </ul>
        </div>
    </div>
    <div class="h10"></div>
    <div class="busiOpp">
        <div class="busiOppServer" onclick="openNewFrame('first_frame/ecinfo_all')">
       	 <div class="div_img_sj_main"><p>服务</p><img src="../image/home/main_server.png"></div>
        </div>
        <div class="busiOppRight" >
    		<ul class="ul_li">
            	<li onclick="openNewLoad('first_frame/ecinfo_jiudian.html?infoid=88888888888888888888888888880002&name=星级酒店')">
            		<div class="div_img">
            		<p>星级酒店</p>
            		</div>
            	</li> 
            		<li onclick="openNewFrame('third_frame/service_daijia')">
            		<div class="div_img">
            		<p>代驾</p>
            		</div>
            	</li>
            	</ul>
            	<ul class="ul_li">
	            	<li onclick="openNewLoad('first_frame/ecinfo_xiongdanfen.html?infoid=88888888888888888888888888800007&name=高尔夫')">
	            		<div class="div_img">
	            		<p>高尔夫</p>
	            		</div>
	            	</li>
	            	<li onclick="openNewLoad('first_frame/ecinfo_xiongdanfen.html?infoid=88888888888888888888888888800006&name=帆船')">
	            		<div class="div_img">
	            		<p>帆船</p>
	            		</div>
	            	</li> 
            	</ul>
            
        </div>
    </div>
   
    </div>  
</div>
<div class="h10" id="h1010"></div>
<div id="footer">
    <ul>
        <li tapmode="activebtn0 activebtn"  onclick="openNewFrame('main')">
            <a class="bottom_btn bbtn01 weixin activebtn activebtn0" id="home">首页</a>
        </li>
        <li tapmode="activebtn1 activebtn" onclick="openNewFrame('second_frame/yunzoquan')" >
            <a class="bottom_btn bbtn02 communicate" id="yunzo">云筑圈</a>
        </li>
        <li tapmode="activebtn3 activebtn" onclick="openNewFrame('third_frame/mine')">
            <a class="bottom_btn bbtn03 home"  id="myinfo">我的</a>
        </li>
    </ul>
</div>
</div>
<script type="text/javascript" src="../script/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src='../script/swipe.js'></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/mainWeb.js"></script>

<script>
    /*实验用js改各个元素的高度
     *.busiOppLeft img 商机图片的高度 .busiOpp 所在行的高度
     * 右边几列(工业 农业 学业  商业)的 （class） brb bb的高    *
     * 右边几列，应该原先是固定高度80px
     轮播图 height:Math.ceil(window.screen.height*0.1657),但应当判断小于96不生效。因为可能以前谁设置了个最小高度96
     *
     * */
    var dpi = window.devicePixelRatio;//获取屏幕分辨率   
    var currentScreenHeight =$(window).height();
// alert("宽："+$(window).width());
    var headerheight = $("header").height();
    var lifeheight = $("#life").height()+10;//中间放了个红色圆圆的一行
    /*轮播图的高度*/
    function sliderHeight(){
        if(Math.ceil(currentScreenHeight*0.1657)<=96){
            return 96;
        }else{
            return Math.ceil(currentScreenHeight*0.1657);
        }
    }
    var sliderheight = sliderHeight();
    var justifyRows=((currentScreenHeight-headerheight-sliderheight-lifeheight)/2.5).toFixed(2)-25;
    console.log($(window).height());
    console.log(currentScreenHeight+" "+headerheight+" "+sliderheight+" "+lifeheight);
    console.log(justifyRows);
    if(justifyRows <=80){
        justifyRows = 80;
    }
    if(justifyRows >120){
        $(".busiOppRight").css("font-size","18px");
    }
    $(".busiOppLeft img").height(justifyRows);
    $(".busiOpp").height(justifyRows);
    $(".busiOppRight").height(justifyRows);
    $(".ul_li li").height(justifyRows/2);
    $(".ul_li li p").css("line-height",justifyRows/2+"px")
    $(".left-logo-Fonts").css("line-height",$(".busiOpp").height()*1.3+"px");
    if($("#grouplogo").width()>$(".groupLogo").height()){
        $("#grouplogo").width($(".groupLogo").height());
        $("#grouplogo").height($(".groupLogo").height());
        $("#grouplogo").css("margin-top","-6px");
    }

    function openNewLoad(openload){
    	
        window.location = openload;
    }
</script>
</body>
</html>